<!--
 * @Description: 
 * @Author: Aroma
 * @Date: 2024-11-06 20:23:18
 * @LastEditors: Aroma
 * @LastEditTime: 2024-11-06 20:23:22
 * @别瞎看: 你个无脑牛马
-->
<!--
 * @Description: 
 * @Author: Aroma
 * @Date: 2024-11-05 16:04:00
 * @LastEditors: Aroma
 * @LastEditTime: 2024-11-06 10:34:18
 * @别瞎看: 你个无脑牛马
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新用户注册</title>
    <style>
      #divOne{
      width: 700px;
      margin: 0 auto;
      height: 500px;
      border: 10px solid rgb(238, 238, 238 ,0.5);
      background-position: center;
      background-repeat: no-repeat ;
      background-image: url("./img/format.webp");
      
    }
    #dinInner{
      width: 50%;
      min-width: 80px;
      max-width: 150px;
    }
    #div1{
      font-size: 13px;
      width: 100px;
      height: 38px;
      color:RGB(255, 214, 38);
      margin: 12px 8px;
    }
    #div2{
      box-sizing: border-box;
      width : 250px;
      height:29px;
      border:0px solid rgb(249, 247, 247);
      padding: 20px;
      padding-top: 1px;
      padding-left: 50px;
      position: absolute;
      top:30px;
      left: 655px;
      font-size: 12px;
    }
    #dinInInner{
      box-sizing: border-box;
      width : 250px;
      height:29px;
      border:0px solid rgb(249, 247, 247);
      padding: 20px;
      padding-top: 1px;
      padding-left: 50px;
      position: absolute;
      top:80px;
      left: 350px;
      font-size: 12px;
    
    }
    #zhuce{
      position: absolute;
      top: 300px;
      left: 120px;
      border:0px solid yellow;
    }
    </style>
</head>
<body>
  <div id="divOne">
    <div id="dinInner">
      <div id="dinInInner">
        <div >
          用户名：<input class="formInput" type="text" name="username">
        </div>
        <div>
          密码 :<input class="formInput" type="password" name="password">
        </div>
        <div>
          Email :<input class="formInput" type="password" name="password">
        </div>
        <div>
          姓名 :<input class="formInput" type="password" name="password">
        </div>
        <div>
          手机号 :<input class="formInput" type="password" name="password">
        </div>
        <div>
          性别：
          <label for="genderNan">
            男<input id="genderNan" type="radio" name="gender" value="男">
          </label>
          女<input type="radio" name="gender" value="女">
        </div>
        <div>
          出生日期：
          <input type="date" name="birth"></input>
        </div>
        <div style="padding-top: 10px;">
          验证码
          <input type="text" style="width: 70px;" name="code"></input>
          <!-- 添加照片 -->
          <img src="./img/verify_code.jpg"  style="width: 50px;height: 20px;float: right;"  alt=""></img>     
        </div>
        <div id="zhuce">
          <!-- 如需要其他功能 要绑定事件 -->
          <input type="button" value="注册">
          <img src="./img/regbtn.jpg" alt="立即注册">
        </div>

      </div>
      
      <div id="div1">
        新用户注册<br>
        <span style="color: #b5aea9;">USER REGISTER</span>
      </div>  
      <div id="div2"><a href="">已有帐号？
        <span style="color: #e00f0f;">立即登录</span>
      </a></div> 
    </div>
  </div>
  
  
    
    
</body>
</html>